<style type="text/css">
    .qwe{
       background-color: #fafbfc;
    }
    .rty{
        background-color: #ffffff;
    }
    .header{
        text-align:center; 
        border-left:1px solid #eaeff0; 
        border-top:1px solid #eaeff0;
        border-bottom:1px solid #eaeff0;  
        padding: 8px 0px;
        background-color: #ffffff;
        color: #58666e
    }
    .content_style{
        text-align:center; 
        border-left:1px solid #eaeff0;
        border-bottom:1px solid #eaeff0;
    }
    .pad5{
        padding: 5px 15px;
    }
    /*.bor5{
        border-collapse: 6px
    }*/
</style>



<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-sm-12">

    <div class="row mt10">
        <div class="col-sm-2">
            <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="start.date" is-open="start.opened" readonly ng-click="open(start)" placeholder="开始时间"/>
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" datepicker-popup="yyyy-MM-dd" ng-model="end.date" is-open="end.opened" readonly ng-click="open(end)" placeholder="结束时间"/>
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="searchform.cardno2" placeholder="身份证号">
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="searchform.name3" placeholder="姓名"> 
        </div>

        <div class="col-sm-2">
            <button class="btn btn-block btn-info">搜索</button> 
        </div>
        <div class="col-sm-2">
            <button class="btn btn-block btn-info" ng-click="adddriver()">添加</button> 
        </div>

    </div>

</div>
</div>
</div>
<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <div class="col-sm-12" style="display: table; width: 100%;table-layout:fixed;padding: 0px">
            <div class="pull-left header" style="height: 50px; width: 25%"><b>驾驶员编号</b></div>
            <div class="pull-left header" style="height: 50px; width: 25%"><b>驾驶员姓名</b></div>
            <div class="pull-left header" style="height: 50px; width: 25%"><b>驾驶车辆</b></div>    
            <div class="pull-left header" style="height: 50px; width: 25%"><b>操作</b></div>
        </div>
        <div class="col-sm-12" ng-repeat="item in objs " style="display: table; width: 100%;table-layout:fixed;padding: 0px">
            <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 25%; padding: 8px 0px">{{item.driver_code}}</div>
            <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 25%; padding: 8px 0px">{{item.driver_name}}</div>
            <div ng-click="show($index)" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="pull-left content_style" style="height: 50px; width: 25%; padding: 8px 0px">{{item.car_type}}</div>
            <div class="pull-left content_style" style="height: 50px; width: 25%;">
                <a ng-click="edit(item)" class="btn btn-primary btn-xs" >编辑</a><br>
                <a ng-click="delete(item.id)" class="btn btn-danger btn-xs" >删除</a>
            </div>

            <div ng-show="b==1&&c==$index" ng-class="{true:'qwe', false:'rty'}[$index%2 == 0]" class="col-sm-12" style="border-left:1px solid #eaeff0; border-right:1px solid #eaeff0; border-bottom:1px solid #eaeff0;padding: 10px 5px">
                <div class="pull-left col-sm-3 pad5" >
                    性别:{{item.driver_sex}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    身份证号:{{item.driver_number}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    电话:{{item.mobile}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    驾龄:{{item.year}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    初次领证日期:{{item.issue_date}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    有限期限(起):{{item.start_date}}
                </div>
                <div class="pull-left col-sm-3 pad5" >
                    有限期限(止):{{item.end_date}}
                </div>
                
            </div>

        </div>
        <div class="text-right" >
             <pagination 
    style="margin-top: 30px"
        total-items="totalItems" 
        ng-model="currentPage" 

        ng-change="aaa()"
        previous-text="上一页"
        next-text="下一页"
        first-text="首页"
        last-text="尾页"
        max-size="5"
        boundary-links="true"
        rotate="false"

        items-per-page="itemsPerPage"
        class=" m-b"></pagination>
        </div>
            
    </div>
</div>

</div>